<template>
	<view class="back">
		
		<view class="oo" v-for="(v,i) in showData">
			<navigator url="./chufangxiangqing" open-type="navigate" @click="tiao(i)">
				<view>
					<view>{{v.yyr_name}}</view>
					<view>已实名</view>
					<view>{{v.yyr_guanxi}}</view>
				</view>
				<view>
					<view>{{v.yyr_sex}}</view>
					<view>{{v.yyr_age}}</view>
					<view>{{v.yyr_shengfenzheng}}</view>
				</view>
			</navigator>
			
		</view>
	</view>
</template>

<script>
	import {
		toRefs,
		onMounted,
		reactive
	} from 'vue'
	import http from '../../utils/http.js'
	import store from '../../store/index.js'
	export default {
		setup() {
			let data = reactive({
				showData: [],
				tiao:(a)=>{
					store.state.dizhi.b= data.showData[a]
					// console.log(store.state.dizhi.b)
				}
			})
			onMounted(() => {
				http({
					url: '/SetBasic/yongyaoren',
					method: 'get',
					data:{
						id:store.state.userID
					}
				}).then((res) => {
					data.showData= res.data.data
				})
			})
			return {
				...toRefs(data)
			}
		},
		
		methods: {
	
		}
	}
</script>

<style lang="less">
	page {
	    background-color: #F2F2F2;
	}
	.back{
		.oo{
			margin: 30rpx 30rpx;
			padding: 20rpx 20rpx;
			background-color: #FFFFFF;
			view{
					display: flex;
					margin: 10rpx 0rpx
					
			}
			view{
				&:nth-child(1){
					view{
						&:not(:first-child){
							color: #E04545;
							font-size: 30rpx;
						}
					}
				}
				view{
					margin-right: 20rpx;
				}
			}
			
		}
	}
</style>
